<template>
	<view class="authentication">
		<view class="authentication-top">
			<view class="authentication-top-item">
				<text class="authentication-top-item-l">姓名</text>
				<text>张三</text>
			</view>
			<view class="authentication-top-item">
				<text class="authentication-top-item-l">身份证</text>
				<text>370303198109303493</text>
			</view>
		</view>
		<view class="idcard">
			<view class="idcard-item">
				身份证照片页
			</view>
			<view class="idcard-item">
				身份证国徽页
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.authentication {
		width: 100%;
		background-color: rgba(242, 242, 242, 1);

		.authentication-top {
			margin-top: 20px;
		}

		.authentication-top-item {
			background-color: white;
			padding: 20upx 30upx;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;

			margin-top: 1px;
		}

		.authentication-top-item-l {
			width: 15%
		}

		.idcard {
			box-sizing: border-box;
			width: 100%;
			text-align: center;
			// border: 1px solid red;

			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;
		}

		.idcard-item {
			width: 720upx;
			height: 212px;
			background-color: white;

			text-align: center;
			align-items: center;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			color: #D7D7D7;
			border: 1px dashed #D7D7D7;
			margin: 10px 0px;
		}
	}
</style>
